<script lang="ts" setup>
import buttons1 from '../tool/buttons1.vue'


let diseases = [
    { name: "儿科", checked: false, id: 0 },
    { name: "妇科", checked: false, id: 1 },
    { name: "产科", checked: false, id: 2 },
    { name: "皮肤科", checked: false, id: 3 },
    { name: "内分泌科", checked: false, id: 4 },
    { name: "消化内科", checked: false, id: 5 },
    { name: "神经内科", checked: false, id: 6 },
    { name: "心血管内科", checked: false, id: 7 },
    { name: "骨科", checked: false, id: 8 },
    { name: "普外科", checked: false, id: 9 },
    { name: "感染科 传染科", checked: false, id: 10 },
    { name: "普通内科", checked: false, id: 11 },
    { name: "肾脏内科", checked: false, id: 12 },
    { name: "呼吸内科", checked: false, id: 13 },
    { name: "耳鼻咽喉科", checked: false, id: 14 },
    { name: "泌尿外科", checked: false, id: 15 },
    { name: "口腔科", checked: false, id: 16 },
    { name: "眼科", checked: false, id: 17 },
    { name: "血液科", checked: false, id: 18 },
    { name: "肿瘤科", checked: false, id: 19 },
    { name: "神经外科", checked: false, id: 20 },
    { name: "肝胆胰腺外科", checked: false, id: 21 },
    { name: "精神心理科", checked: false, id: 22 },
    { name: "风湿免疫科", checked: false, id: 23 },
    { name: "心胸外科", checked: false, id: 24 },
    { name: "甲状腺乳腺外科", checked: false, id: 25 },
    { name: "影像检验科", checked: false, id: 26 },
    { name: "美容整形科", checked: false, id: 27 },
    { name: "疼痛科 麻醉科", checked: false, id: 28 },
    { name: "性病科", checked: false, id: 29 }
]
let initial = [
    { name: "A", checked: false, id: 0 },
    { name: "B", checked: false, id: 1 },
    { name: "C", checked: false, id: 2 },
    { name: "D", checked: false, id: 3 },
    { name: "E", checked: false, id: 4 },
    { name: "F", checked: false, id: 5 },
    { name: "G", checked: false, id: 6 },
    { name: "H", checked: false, id: 7 },
    { name: "I", checked: false, id: 8 },
    { name: "J", checked: false, id: 9 },
    { name: "K", checked: false, id: 10 },
    { name: "L", checked: false, id: 11 },
    { name: "M", checked: false, id: 12 },
    { name: "N", checked: false, id: 13 },
    { name: "O", checked: false, id: 14 },
    { name: "P", checked: false, id: 15 },
    { name: "Q", checked: false, id: 16 },
    { name: "R", checked: false, id: 17 },
    { name: "S", checked: false, id: 18 },
    { name: "T", checked: false, id: 19 },
    { name: "U", checked: false, id: 20 },
    { name: "V", checked: false, id: 21 },
    { name: "W", checked: false, id: 22 },
    { name: "X", checked: false, id: 23 },
    { name: "Y", checked: false, id: 24 },
    { name: "Z", checked: false, id: 25 },
    { name: "#", checked: false, id: 26 }

]
</script>
        
<template>
    <el-row type="flex" class="row-bg" justify="center" style="background-color:rgb(242,243,245);">
        <el-col :span="4" style="background-color:white;padding: 28px 30px 16px;">
            科室
        </el-col>
        <el-col :span="20" style="background-color:white;padding: 28px 30px 16px;">
            <buttons1 :myarr="diseases"></buttons1>
        </el-col>
    </el-row>
</template>
        
<style lang="scss" scoped>
.el-row {
    margin-bottom: 20px;

    &:last-child {
        margin-bottom: 0;
    }
}

.el-col {
    border-radius: 4px;
}

.bg-purple-dark {
    background: #99a9bf;
}

.bg-purple {
    background: #d3dce6;
}

.bg-purple-light {
    background: #e5e9f2;
}

.grid-content {
    border-radius: 4px;
    min-height: 36px;
}

.row-bg {
    padding: 0 0 10px 0;
    background-color: #f9fafc;
}
</style>
        